<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>

		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/css.css" />
		<script src="js/ts.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="swiper-container ww">
			<div class="swiper-wrapper">
				<div class="swiper-slide first">
					<div class="start">
						<p class="three ani aa" swiper-animate-effect='zoomIn' swiper-animate-delay='0s' swiper-animate-duration='0.3s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='0.5s' swiper-animate-duration='0.3s'>3</span>
						</p>
						<p class="two ani aa" swiper-animate-effect='zoomIn' swiper-animate-delay='1s' swiper-animate-duration='0.3s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='1.5s' swiper-animate-duration='0.3s'>2</span>
						</p>
						<p class="one ani aa" swiper-animate-effect='zoomIn' swiper-animate-delay='2s' swiper-animate-duration='0.3s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='2.5s' swiper-animate-duration='0.3s'>1</span>
						</p>
						<p class="start_2 ani bb" swiper-animate-effect='fadeInLeft' swiper-animate-delay='3s' swiper-animate-duration='0.2s'>
							<span class="ani" swiper-animate-effect='fadeOutLeft' swiper-animate-delay='4s' swiper-animate-duration='0.3s'>有人说你</span>
						</p>
						<p class="start_3 ani bb" swiper-animate-effect='fadeInRight' swiper-animate-delay='3.5s' swiper-animate-duration='0.2s'>
							<span class="ani" swiper-animate-effect='fadeOutLeft' swiper-animate-delay='4s' swiper-animate-duration='0.3s'>靠脸吃饭 ?</span>
						</p>
						<p class="start_4 ani bb" swiper-animate-effect='zoomIn' swiper-animate-delay='4.5s' swiper-animate-duration='0.2s'>
							<span class="ani" swiper-animate-effect='rollOut' swiper-animate-delay='5s' swiper-animate-duration='0.3s'>没关系</span>
						</p>
						<p class="start_5 ani bb" swiper-animate-effect='zoomIn' swiper-animate-delay='5.5s' swiper-animate-duration='0.2s'>
							<span class="ani" swiper-animate-effect='fadeOut' swiper-animate-delay='6s' swiper-animate-duration='0.3s'>我们挖掘</span>
						</p>
						<p class="start_5 ani bb" swiper-animate-effect='bounceInUp' swiper-animate-delay='6.5s' swiper-animate-duration='0.5s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='7.5s' swiper-animate-duration='0.3s'>你的<a href="">实力</a></span>
						</p>
						<p class="start_6 ani bb" swiper-animate-effect='bounceIn' swiper-animate-delay='8s' swiper-animate-duration='0.2s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='8.5s' swiper-animate-duration='0.3s'>据说</span>
						</p>
						<p class="start_7 ani bb" swiper-animate-effect='bounceIn' swiper-animate-delay='9s' swiper-animate-duration='0.5s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='10s' swiper-animate-duration='0.3s'>你斗志昂扬</span>
						</p>
						<p class="start_8 ani bb" swiper-animate-effect='bounceIn' swiper-animate-delay='10.5s' swiper-animate-duration='0.5s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='12.5s' swiper-animate-duration='0.3s'>加</span>
						</p>
						<p class="start_9 ani bb" swiper-animate-effect='bounceIn' swiper-animate-delay='11s' swiper-animate-duration='0.5s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='12.5s' swiper-animate-duration='0.3s'>入</span>
						</p>
						<p class="start_10 ani bb" swiper-animate-effect='bounceIn' swiper-animate-delay='11.5s' swiper-animate-duration='0.5s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='12.5s' swiper-animate-duration='0.3s'>我</span>
						</p>
						<p class="start_11 ani bb" swiper-animate-effect='bounceIn' swiper-animate-delay='12s' swiper-animate-duration='0.5s'>
							<span class="ani" swiper-animate-effect='zoomOut' swiper-animate-delay='12.5s' swiper-animate-duration='0.3s'>们</span>
						</p>
					</div>
					<div class="end">
					<img  class="downbg ani" swiper-animate-effect='fadeIn' swiper-animate-delay='12.9s' swiper-animate-duration='0.5s' src="img/o_1cfhnq0tppgtimjstm52nk9el.png"/>
					<img  class="left1 ani"  swiper-animate-effect='fadeInLeft' swiper-animate-delay='12.9s' swiper-animate-duration='0.5s' src="img/left1.png" alt="" />
					<img  class="left2 ani"swiper-animate-effect='fadeInLeft' swiper-animate-delay='12.9s' swiper-animate-duration='0.5s' src="img/left2.png" alt="" />
					<img  class="logo ani"swiper-animate-effect='fadeIn' swiper-animate-delay='12.9s' swiper-animate-duration='0.5s'  src="img/o_1c81nubm73t85uj15io8a44p9.png" alt="" />
					<img  class="dh ani" swiper-animate-effect='fadeIn' swiper-animate-delay='12.9s' swiper-animate-duration='0.5s' src="img/bg.gif" alt="" />
					<img class="mohu ani"swiper-animate-effect='fadeIn' swiper-animate-delay='12.9s' swiper-animate-duration='0.5s'  src="img/o_1cfho07rmdk81v301uff1a9kjg616.png" alt="" />
					<img  class="w ani"swiper-animate-effect='fadeInLeft' swiper-animate-delay='13.7s' swiper-animate-duration='0.5s'  src="img/w.png" alt="" />
					<img  class="m ani" swiper-animate-effect='fadeInRight' swiper-animate-delay='14s' swiper-animate-duration='0.5s' src="img/m.png"/>
					<img  class="b ani"swiper-animate-effect='fadeInLeft' swiper-animate-delay='14.3s' swiper-animate-duration='0.5s'   src="img/b.png" alt="" />
					<img  class="y ani"swiper-animate-effect='fadeInDown' swiper-animate-delay='14.6s' swiper-animate-duration='0.5s'   src="img/y.png" alt="" />
					<img  class="yang ani" swiper-animate-effect='rollIn' swiper-animate-delay='14.9s' swiper-animate-duration='0.5s'  src="img/yang.png" alt="" />
					<img  class="right ani"swiper-animate-effect='fadeInRight' swiper-animate-delay='12.9s' swiper-animate-duration='0.5s'  src="img/right.png"/>
					<img class="jr ani"swiper-animate-effect='fadeInDown' swiper-animate-delay='15.2s' swiper-animate-duration='0.5s'  src="img/jr.png" />
					
					</div>
				</div>
				<div class="swiper-slide" style="background: #007AFF;">Slide 2</div>
				<div class="swiper-slide" style="background: pink;">Slide 3</div>
			</div>

		</div>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'vertical',
				loop: true,
				on: {
					init: function() {
						swiperAnimateCache(this); //隐藏动画元素 
						swiperAnimate(this); //初始化完成开始动画
					},
					slideChangeTransitionEnd: function() {
						swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
					}
				}

			})
		</script>

	</body>

</html>